@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 980px) {
    body{ font-size:.32rem;}
    .fs{font-size: .5rem;}
    .iconfont{font-size: .4rem;}
    .layout{padding: 1.5rem 5%;}

    header{padding: 0 5%;height: 1.2rem;position: fixed;left: 0;top: 0;right: 0;z-index: 100;}
    header h1{width: 5rem;}

    .navm { display: block;transition: all 0.3s;}
    .nav{position: fixed;left: 0;top: 1.2rem;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #333;margin: 0;}
    .nav li{display: block;border-bottom: 1px solid rgba(255, 255, 255, .1);margin: 0;width: 100%;}
    .nav li:after{display: none;}
    .nav li p{line-height: 1.2rem;font-size: .32rem;height: 1.2rem;}
    .nav li p:after{display: none;}
    .nav li p a{padding: 0 5%;display: flex;align-items: center;justify-content: space-between;color: #FFF;height: 1.2rem;}
    .nav li a i{font-size: .32rem;margin-right: .1rem;}
    .nav li.on p a i{transform: rotate(0deg);}
    .nav li.current p a{background: #004ea1;color: #FFF;}
    .nav li dl{position: initial;width: 100%;box-shadow: none;font-size: .32rem;left: 0;transform: translateX(0%);text-align: left;}
    .nav li dl:after{display: none;}
    .nav li dd{font-size: .32rem;}
    .nav li dd a{padding: .4rem 5%;}

    .banner{margin-top: 1.2rem;}

    .dyip li{width: 100%;padding: .2rem 0;flex-wrap: wrap;}
    .dyip li .yi{font-size: .6rem;margin-right: 0;width: 100%;}
    .dyip li .txt{width: 100%;}

    .derp{padding: 1.5rem 5% 4% 5%;}
    .derp .title{width: 100%;}
    .derp .box{margin-top: .3rem;}
    .derp .left{width: 100%;}
    .derp .left .txt time{padding: .1rem .2rem;}
    .derp .left .txt time p{font-size: .5rem;}
    .derp .right{width: 100%;margin-top: .5rem;}
    .derp .right li{padding-bottom: .4rem;}
    .derp .right li time{padding: .05rem 0;width: 2rem;border-right: 1px solid #CCC;}
    .derp .right li time p{font-size: .5rem;}
    .derp .right li .txt{margin-left: 2rem;padding-left: .3rem;}
    .derp .right li .txt strong{font-size: .4rem;}

    .dsip ul{margin-top: .3rem;}
    .dsip li{width: 100%;margin-bottom: .4rem;}
    .dsip li strong{padding: .2rem 0;}
    .dsip .more{margin-top: .8rem;font-size: .5rem;letter-spacing: .06rem;}
    .dsip .more a{padding: .2rem .4rem;}

    .banner_pic{position: relative;margin-top: 1.2rem;}
    .banner_pic .title{padding: .4rem .4rem .6rem .4rem;font-size: .32rem;left: 5%;}
    .banner_pic .title h2{font-size: .5rem;}

    .about .txt{padding: 0%;}

    .products{padding: 0 0%;}
    .products li{width: 100%;border: 3px solid #004ea1;padding: 1.6rem .3rem .3rem .3rem;margin: .6rem 0;border-radius: .8rem;}
    .products li .titleer{left: 50%;font-size: .5rem;width: 4rem;margin-left: -2rem;}
    .products li .titleer p{font-size:.4rem;}
    .products li .box p{line-height: 2;padding: .5rem;height: auto;font-size: .32rem;}

    .subnav{width: 100%;}
    .subnav li p{font-size: .32rem;}
    .subnav li .list{font-size: .32rem;}

    .products_list{width: 100%;margin-top: .8rem;}
    .products_list li{width:48%;}

    .products_list_con{width: 100%;margin-top: .8rem;}
    .products_list_con .con_t .left{width: 100%;}
    .products_list_con .con_t .left h2{font-size: .5rem;}
    .products_list_con .con_t .pic{width: 100%;margin-top: .5rem;}

    .news .news_t .pic{width: 100%;}
    .news .news_t .txt{width: 100%;margin-top: .5rem;}
    .news .news_t .txt h2{font-size: .5rem;}

    .news .box .list{width: 100%;margin-bottom: .8rem;}
    .news .box .list .title_news{font-size: .5rem;border-left: 5px solid #004ea1;padding-left: .2rem;}
    .news .box .list li{display: inline-block;padding-bottom: .2rem;}

    .news .news_b{margin-top: 1rem;}
    .news .news_b .title_news{font-size: .5rem;padding-left: .2rem;}
    .news .news_b ul{margin-top: .4rem;}
    .news .news_b li{width: 100%;margin-bottom: .5rem;}

    .news .box .list_er{width: 100%;margin-top: .5rem;}
    .news .box .list_er .title_news{font-size: .5rem;padding-left: .2rem;}
    .news .box .list_er ul{margin-top: .4rem;}
    .news .box .list_er li{display: block;padding: .1rem;margin-bottom: .1rem;}
    .news .box .list_er li a{padding: 0;}
    .news .box .list_er li p{padding-right: 0;}

    .news_con .title_news h2{font-size: .5rem;}
    .news_con .box{margin-top: .8rem;padding: 0 0%;}

    .subnav_er li{margin: 0 .1rem;font-size: .32rem;}

    .rc_title .bt{font-size: .5rem;}

    .rcg .txt{font-size: .32rem;padding: 0%;}
    .rcg span{font-size: .4rem;}

    .fazhan{padding: 0%;}
    .fazhan li .yi{font-size: .8rem;margin-right: .4rem;}
    .fazhan li .txt strong{font-size: .5rem;}
    .fazhan li .txt p{margin-top: .1rem;font-size: .32rem;}

    .zhaopin .txt .bt{font-size: .4rem;}

    .zhaopin .yi li p{font-size: .32rem;height: .8rem;}
    .zhaopin .yi li p:nth-of-type(1){display: none;}
    .zhaopin .yi li p:nth-of-type(2){width: 35%;}
    .zhaopin .yi li p:nth-of-type(3){width: 64%;}

    .zhaopin .er li .txter:nth-of-type(1){display: none;}
    .zhaopin .er li .txter:nth-of-type(2){width: 35%;font-size: .32rem;}
    .zhaopin .er li .txter:nth-of-type(3){width: 64%;}

    .zhaopin .er li .box{padding: .3rem;}

    .contact .txter{margin-top: .1rem;font-size: .32rem;}

    footer{padding: .3rem 5%;}
    footer .left{width: 100%;}
    footer .left dl{width: 100%;border-bottom: 1px solid #CCC;padding: .2rem 0;}
    footer .left dt{font-size: .4rem;margin-bottom: .1rem;}
    footer .left dd{float: left;margin-right: .2rem;}

    footer .right{width: 100%;text-align: left;padding: .5rem 0;}
    footer .right h2{font-size: .4rem;color:#004ea1;}
    footer .right p span{padding: 0;display: block;}


}